{% extends "mobileadmin/mobile_safari/base.html" %}
{% load i18n %}
{% block breadcrumbs %}<a href="../" class="inactive float-left">{% trans 'Home' %}</a><span class="active float-right">{% trans 'Password change' %}</span>{% endblock %}
{% block tools %}
{% if user.is_authenticated and user.is_staff %}
<div class="user-tools">
    <a href="../logout/">{% trans "Logout" %}</a>
    <a href=".">{% trans 'Change password' %}</a>
</div>
<div class="greeting float-right">
    {% trans 'Welcome,' %} {% if user.first_name %}{{ user.first_name|escape }}{% else %}{{ user.username }}{% endif %}
</div>
{% endif %}
{% endblock tools %}

{% block header_logo %}
<h1><a href="../">Django</a></h1>
{% endblock %}

{% block content %}
<form class="panel" action="" method="post" selected="true">
<h1>{% trans "Please enter your old password, for security's sake, and then enter your new password twice so we can verify you typed it in correctly." %}</h1>
<fieldset>
    <div class="form-row">
    <label for="id_old_password" class="required">{% trans 'Old password:' %} </label>
    {% if form.old_password.errors %}{{ form.old_password.errors }}{% endif %}
    {{ form.old_password }}
    </div>
    <div class="form-row">
    <label for="id_new_password1" class="required">{% trans 'New password:' %}</label>
    {% if form.new_password1.errors %}{{ form.new_password1.errors }}{% endif %}
    {{ form.new_password1 }}
    </div>
    <div class="form-row">
    <label for="id_new_password2" class="required">{% trans 'Confirm password:' %}</label>
    {% if form.new_password2.errors %}{{ form.new_password2.errors }}{% endif %}
    {{ form.new_password2 }}
    </div>
</fieldset>
<div class="submit-row" selected="true">
    <a href="javascript:;" onclick="document.forms[0].submit()" class="inactive float-right">{% trans 'Change my password' %}</a>
</div>
</form>
{% endblock %}
